extendheader {
  .header{
    position: relative;
    background: #4584ff;
    .toolbar{
      background: #4584ff;
    }
    .right{
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
      margin: 0;
      background: none;
      border: none;
      box-shadow: none; // 解决安卓下按钮有阴影
      font-size: 1.6rem;
      z-index: 15;
      .button{
        margin: 0;
        background: none;
      }
    }
    .title{
      z-index: -1;
      text-align: center;
      width: 100%;
      height: 100%;
      line-height: 1;
    }
    .toolbar-content-md{
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
    }
    .left{
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      margin: 0;
      background: none;
      border: none;
      box-shadow: none; // 解决安卓下按钮有阴影
      font-size: 1.6rem;
      z-index: 15;
      .button{
        margin: 0;
        background: none;
      }
    }
    // &.header-ios{
    //   margin-top: 30px; // 解决ios中状态栏与顶部重叠
    // }
  }
}
